<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Store Datail</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="lib/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="lunbo">
        <ul class="img">
            <li><a href="#"><img src="images/link-02.png" alt=""></a></li>
            <li><a href="#"><img src="images/banner-02.png" alt=""></a></li>
            <li><a href="#"><img src="images/link-01.png" alt=""></a></li>
            <li><a href="#"><img src="images/link-02.png" alt=""></a></li>
            <li><a href="#"><img src="images/banner-02.png" alt=""></a></li>
        </ul>
        <ul class="yuan">
<!--            <li class="now"></li>-->
        </ul>
        <div class="icon">
            <span class="fa fa-chevron-circle-left"></span>
            <span class="fa  fa-gratipay "></span>
            <span class="fa  fa-upload "></span>
        </div>
    </div>
    <div class="banner">
        <h3>Lotus Leat Rice Bowl (Science and Technology Road)</h3>
        <p>
            <span class="fa fa-star"></span><span class="color-1">4.9</span> <span class="color">(99+)</span>
            <span class="line"></span><span class="fa fa-shopping-bag"></span>Open <span class="line"></span>
            <span class="fa fa-clock-o"></span>11:00AM:-10:00PM <span class="fa fa-angle-right"></span>
        </p>
        <div class="xia">
            <span class="flex"><span class="fa fa-caret-square-o-right"></span>Booking</span>
            <span></span>
            <span class="flex"><span class="fa fa-shopping-bag"></span>Queueing</span>
        </div>
    </div>
    <div class="main">
        <div class="main_banner">
            <ul>
                <li class="now">Order</li>
                <li>Feedback</li>
                <li>News</li>
                <li>About Us</li>
            </ul>
        </div>
        <div class="take"><div class="fl">The Away</div><div class="fr">Immediately <span class="fa fa-angle-right"></span></div></div>
        <div class="main_content">
            <div class="main_left">
                <ul>
                    <li >Chicken</li>
                    <li class="now">Sushi <span class="shu">6</span></li>
                    <li>Sandwich</li>
                    <li>Salad</li>
                    <li>Chicken</li>
                    <li>Chicken</li>
                    <li>Chicken</li>
                    <li>Chicken</li>
                    <li>Chicken</li>
                    <li>Chicken</li>
                    <li>Chicken</li>
                    <li>Chicken</li>
                    <li>Chicken</li>
                    <li>Chicken</li>
                    <li>Chicken</li>
                    <li>Chicken</li>
                    <li>Chicken</li>
                    <li>Chicken</li>
                    <li>Chicken</li>
                    <li>Chicken</li>
                </ul>
            </div>
            <div class="mian_right">
                <ul>
                    <li>
                        <h3>Sushi</h3>
                        <p>Hand-roRed sushi</p>
                    </li>
                    <li>
                        <div>
                            <a href="javascript;">
                                <img src="images/meishi.PNG" alt="">
                            </a>
                        </div>
                        <div>
                            <a href="javascript:">
                                <div class="item">
                                    <h3>Roti Tori Special</h3>
                                    <p>smirmoff Vodka Bombay Gin,initniniinnnnn</p>
                                    <p>
                                        <span class="fa fa-telegram"></span>
                                        <span class="fa fa-bath"></span>
                                        <span class="fa fa-window-close-o"></span>
                                        <span class="fa fa-window-restore"></span>
                                    </p>
                                    <h4>HK$100.00</h4>
                                    <div class="ab"><span class="jian">-</span><input type="text" value="6" disabled> <span class="jia">+</span></div>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="javascript;">
                                <img src="images/meishi.PNG" alt="">
                            </a>
                        </div>
                        <div>
                            <a href="javascript:">
                                <div class="item">
                                    <h3>Roti Tori Special</h3>
                                    <p>smirmoff Vodka Bombay Gin,initniniinnnnn</p>
                                    <p>
                                        <span class="fa fa-telegram"></span>
                                        <span class="fa fa-bath"></span>
                                        <span class="fa fa-window-close-o"></span>
                                        <span class="fa fa-window-restore"></span>
                                    </p>
                                    <h4>HK$100.00</h4>
                                    <div class="ab">
<!--                                        <span class="jian">-</span><input type="text" value="0" disabled>-->
                                        <span class="jia">+</span></div>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="javascript;">
                                <img src="images/meishi.PNG" alt="">
                            </a>
                        </div>
                        <div>
                            <a href="javascript:">
                                <div class="item">
                                    <h3>Roti Tori Special</h3>
                                    <p>smirmoff Vodka Bombay Gin,initniniinnnnn</p>
                                    <p>
                                        <span class="fa fa-telegram"></span>
                                        <span class="fa fa-bath"></span>
                                        <span class="fa fa-window-close-o"></span>
                                        <span class="fa fa-window-restore"></span>
                                    </p>
                                    <h4>HK$100.00</h4>
                                    <div class="ab">
<!--                                        <span class="jian">-</span><input type="text" value="0" disabled> -->
                                        <span class="jia">+</span></div>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="javascript;">
                                <img src="images/meishi.PNG" alt="">
                            </a>
                        </div>
                        <div>
                            <a href="javascript:">
                                <div class="item">
                                    <h3>Roti Tori Special</h3>
                                    <p>smirmoff Vodka Bombay Gin,initniniinnnnn</p>
                                    <p>
                                        <span class="fa fa-telegram"></span>
                                        <span class="fa fa-bath"></span>
                                        <span class="fa fa-window-close-o"></span>
                                        <span class="fa fa-window-restore"></span>
                                    </p>
                                    <h4>HK$100.00</h4>
                                    <div class="ab">
<!--                                        <span class="jian">-</span><input type="text" value="0" disabled> -->
                                        <span class="jia">+</span></div>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="javascript;">
                                <img src="images/meishi.PNG" alt="">
                            </a>
                        </div>
                        <div>
                            <a href="javascript:">
                                <div class="item">
                                    <h3>Roti Tori Special</h3>
                                    <p>smirmoff Vodka Bombay Gin,initniniinnnnn</p>
                                    <p>
                                        <span class="fa fa-telegram"></span>
                                        <span class="fa fa-bath"></span>
                                        <span class="fa fa-window-close-o"></span>
                                        <span class="fa fa-window-restore"></span>
                                    </p>
                                    <h4>HK$100.00</h4>
                                    <div class="ab">
<!--                                        <span class="jian">-</span><input type="text" value="0" disabled> -->
                                        <span class="jia">+</span></div>
                                </div>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
<div class="bottom">
    <span class="fa fa-cart-arrow-down">
        <span class="quan">0</span>
    </span>
    <span class="count">HK$600.00</span>
    <button>Checkout</button>
</div>
</body>
<script src="lib/zepto/zepto.js"></script>
<!--动画-->
<script src="lib/zepto/fx.js"></script>
<script src="lib/zepto/event.js"></script>
<!--touch事件-->
<script src="lib/zepto/touch.js"></script>
<!--滚动-->
<script src="js/iscroll.js"></script>
<script src="js/index.js"></script>
<script>

</script>
</html>